
<script>
	$(function() {
		$( "input:submit, button" ).button();
		
		
		
		//iconos de los botones:
		$( "button#guardar" ).button({ icons: { primary: "ui-icon-check" } });
		$( "button#cancelar-cambios" ).button({ icons: { primary: "ui-icon-close" } });
		
		
		//imprimir planilla de inspeccion:
		
		
				$('#imprimir-planilla-inspeccion').click(function() {
					var url = "print/print_form_inspeccion.php";
					// show a spinner or something via css
					var print_content = $('<div style="display:none" class="loading"></div>').appendTo('body');
					
					
					print_content.dialog({
						// add a close listener to prevent adding multiple divs to the document
						close: function(event, ui) {
							// remove div with all data and events
							print_content.remove();
						},
						
						title: "this.title",
						modal: true,
						width:500,
						height:460,
						resizable: true,
						
						buttons: {
							"Cancelar": function() {$( this ).dialog( "close" );}
							}
					});
			
					 print_content.load(
					 url, 
					 {}, // omit this param object to issue a GET request instead a POST request, otherwise you may provide post parameters within the object
					 function (responseText, textStatus, XMLHttpRequest) {
					 	// remove the loading class
					 	print_content.removeClass('loading');
					 }
				);
				//prevent the browser to follow the link
				return false;
	
				});
		
		
		
		
		
		
		
		//CANCELAR:
		$( "#dialog:ui-dialog" ).dialog( "destroy" );
	
		$( "#cancelar-cambios" ).click( function() {
			$( "#dialog-confirm-cancelar" ).dialog( "open" );
		});
	
		$( "#dialog-confirm-cancelar" ).dialog({
			autoOpen: false, resizable: false, height:200, width:300, modal: true,
			buttons: {
				"Salir sin guardar": function() {
				//cambia la variable en la sesion y refresca la pagina	
				$.post("controler/controler.php?accion=set_p",{ p:"inicio",rand:Math.random() } ,function(data)
        		{ if (data=="ok") {document.location='.';} else {alert(data) }}
				
				)
				//cierra el cuadro de dialogo sin cambiar.
				},
				"Cancelar": function() {
					$( this ).dialog( "close" );
				}
			}
		});



		
		
		
		
	});
</script>

<script>
	/*abre ingresar vehiculo*/
	$(function() {
		$( "button#seleccionar-vehiculo" ).button();
	});
	
	
	 $(function (){
        $('button#seleccionar-vehiculo').click(function() {
            //var url = this.href;
            var url = "views/_vehiculo_form_alta.php";
            // show a spinner or something via css
            var dialog = $('<div style="display:none" class="loading"></div>').appendTo('body');
            // open the dialog
            dialog.dialog({
                // add a close listener to prevent adding multiple divs to the document
                close: function(event, ui) {
                    // remove div with all data and events
                    dialog.remove();
                },
                
				title: this.title,
				modal: true,
				width:500,
				height:460,
				resizable: true,
				
				buttons: {
					"Guardar": function() {
						$( this ).dialog( "close" );
					},
					"Cancelar": function() {
						$( this ).dialog( "close" );
					}
				}
			
            });
            // load remote content
            dialog.load(
                url, 
                {}, // omit this param object to issue a GET request instead a POST request, otherwise you may provide post parameters within the object
                function (responseText, textStatus, XMLHttpRequest) {
                    // remove the loading class
                    dialog.removeClass('loading');
                }
            );
            //prevent the browser to follow the link
            return false;
        });
    });
	
	
</script>


<script type="text/javascript" charset="utf-8">

/*carga los rubros*/

$(function(){
  
    $.getJSON("controler/controler.php",{accion:'get_rubros' , ajax: 'true'}, function(j){
      var options = '';
	  options += '<option value="">Seleccione...</option>';

      for (var i = 0; i < j.length; i++) {
        options += '<option value="' + j[i].IdRubro + '">' + j[i].Rubro + '</option>';
      }
      $("select#IdRubro").html(options);
    })

})


</script>

    
<h1>Habilitación</h1>

<div id="habilitacion-nueva">

<form name="habilitacion-nueva">

<fieldset id="rubro">

	<legend for="rubro">Rubro</legend>
    
  
    <select name="IdRubro" id="IdRubro" class="ui-button ui-corner-all .ui-state-default">
	    <option value="">Cargando...</option>
    </select>

</fieldset>

<fieldset id="datos-vehiculos">

	<legend for="datos-vehiculos">Datos del Vehículo</legend>

	<button id="seleccionar-vehiculo" title="Ingrese los datos del Vehículo">Ingresar Datos del Vehículo</button>
 
    <div id="datos-vehiculo-seleccionado" style="display:inline-block;">   
        Dominio: <span id="label-dominio"></span>
        Marca: <span id="label-marca"></span>
        Modelo: <span id="label-modelo"></span>
	</div>
    
    
</fieldset>


<fieldset>
<legend>Inspección</legend>
<button id="imprimir-planilla-inspeccion">Imprimir Planilla de Inspección</button>
Resultado
<select><option></option><option>Apobado</option><option>Desaprobado</option></select>
<button>GUARDAR</button>
</fieldset>




<fieldset id="datos-titulares-ayudantes">


	<legend for="datos-titulares-ayudantes">Ingresar Titulares y Ayudantes</legend>

	<button id="ingresar-titulares-ayudantes">Ingresar Titulares y Ayudantes</button>
    
    <div id="personas-ingresadas">
    <br /><br />
    </div>
    
    
</fieldset>


</form>
</div>

<div class="menu-acciones caja-redonda">

<button id="guardar">GUARDAR</button>
<button style="float:right;" id="cancelar-cambios">CANCELAR</button>

</div>



<div id="dialog-confirm-cancelar" title="Cancelar los cambios">
	<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>¿Confirma que desea salir de esta página sin guardar los cambios?</p>
</div>
